import { resAddUpdateShopCart, resGoodsInfo } from '@/api'
// 封装一个游客身份模块uuid--->生成一个随机字符串（一直储存）
import {getUUID} from '@/utils/uuid_token'

const state = {
  goodInfo: {},
//未登录游客身份
uuid_token:getUUID()

}
const mutations = {
  //将定义的action请求到的数据赋值给仓库中对应的数据
  GETGOODINFO(state, goodInfo) {
    state.goodInfo = goodInfo
  }
}

const actions = {
//获取产品详情信息的action
  async getDoodInfo({ commit }, skuId) {
    // 接收请求到的数据
    let result = await resGoodsInfo(skuId);
    // 请求成功 
    if (result.code == 200) {
      // 提交的mutation，和请求到的参数
      commit('GETGOODINFO', result.data)
    }
  },


  // 商品详情页点击跳转购物车(传递2个参数)
  async postAddShopCars({ commit }, { skuId, skuNum }){
    let result = await resAddUpdateShopCart(skuId, skuNum)

    // 根据请求返回的Promise状态判断是否成功加入购物车
    if (result.code == 200) {
      // 成功
      return 'ok'
    } else {
      // 失败
      return Promise.reject(new Error('faile'))
    }
  }
}
// 简化获取数据的渲染
const getters = {
  categoryView(state) {
    //当前计算出的categoryView属性值至少是一个空对象，假的报错不会有了。(请求的数据到达需要时间)
    return state.goodInfo.categoryView || {}
  },
  skuInfo(state) {
    return state.goodInfo.skuInfo || {}
  },
  // 产品售卖属性的简化
  spuSaleAttrList(state) {
    return state.goodInfo.spuSaleAttrList || []
  }

}
// 对外暴露在引入大的vuex仓库中
export default {
  state,
  mutations,
  actions,
  getters
}